<script>

</script>

<template>
  <div class="msgDiv">
    <div class="row" v-for="item in 3">
      <span>用户1(13012345678)</span>
      <span>{{item+1}}</span>
    </div>
  </div>
</template>

<style scoped lang="scss">
.msgDiv {
  display: flex;
  flex-direction: column;
  padding: 10px;
  height: 100%;
  overflow: auto;

  .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3px;

    span:nth-child(2) {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: red;
      color: #fff;
      text-align: center;
      line-height: 20px;
    }
  }
}
</style>
